<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>爱车管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="../../assets/i/favicon.png" />
    <link rel="stylesheet" href="../../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../../assets/css/basic.css" />
    <link rel="stylesheet" href="../../assets/css/app.css" />
    <style>
        body{ background-color: #fff; position: absolute; }
        .user-font{  display: block;  position: absolute;  width: 100%; }
        .mid{ vertical-align: middle; }
        .mid{ position: absolute; top:15px; left: 25px; }
        .mid img{ margin-left: 15px; }
        .mid span.am-text-lg{ color: #fff; font-size: 2.4rem; vertical-align: middle; margin-left: 10px; }
        .mid button.am-btn{ border-radius: 5px; background: url("../../assets/i/icon/btn.png") no-repeat; width: 100px; height: 32px; padding: 0; margin-top: 10px; }
        .am-with-topbar-fixed-bottom{ padding-bottom: 44px; }
        .am-footer{ text-align: left; margin-top: 40px; padding-bottom: 0; }
        .am-footer p{ padding-left: 15px; }
        .am-divider-default{ margin: 0; }
        .am-form{ margin: 10px 0; }
        .am-modal-btn{ border-radius: 5px !important; }
        #overlay{z-index:5999;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);display:none;}
        #win{z-index:6999;position:absolute;top:50%;left:50%;background:#fff;margin:-102px 0 0 -131px;display:none; padding: 20px;}
    </style>
</head>
<body>

<!-- 验证蒙版 -->
<div id="overlay"></div>
<div id="win">
    <div class="am-g">

        <div class="am-u-md-8 am-u-sm-centered">
            <h2 class="close"><span id="close">×</span></h2>
            <form class="am-form">
                <fieldset class="am-form-set">
                    <input type="password" id="opsw" placeholder="原始密码">
                    <input type="password" id="npsw" placeholder="新密码">
                    <input type="password" id="rnpsw" placeholder="再一次新密码">
                    <p style="margin: 0; color: red; display: none;" id="tips"></p>
                </fieldset>
                <button type="button" class="am-modal-btn am-btn am-btn-primary am-btn-block" style="color: #fff;" onclick="getPwd()">修改</button>
            </form>
        </div>
    </div>
</div>

<div id="kuaikuai-user-wrapper">
    <div class="div-user">
        <img src="../../assets/i/kuaikuai-bg.png" class="user-avatar" alt=""/>
    </div>

    <div data-am-widget="list_news" class="am-list-news">
        <div class="am-list-news-bd">
            <ul class="am-list">
                <li class="am-g am-list-item-dated">
                    <a href="##" class="am-list-item-hd" onclick="passwdFn(event)">修改密码</a>
                </li>
                <li class="am-g am-list-item-dated">
                    <a href="##" class="am-list-item-hd">产品讲解</a>
                    <span class="am-list-date right"></span>
                </li>
                <li class="am-g am-list-item-dated">
                    <a href="##" class="am-list-item-hd">操作指导</a>
                    <span class="am-list-date right"></span>
                </li>
                <li class="am-g am-list-item-dated">
                    <a href="suggest.html" class="am-list-item-hd">意见反馈</a>
                    <span class="am-list-date right"></span>
                </li>
            </ul>
        </div>
    </div>
</div>

<footer data-am-widget="footer" class="am-footer am-footer-default">
    <div class="am-footer-miscs ">
        <p class="am-text-lg">技术支持</p>
        <hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
        <p>深圳快快网络科技有限公司</p>
        <p>客服热线：0755-26570005&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;微信：ekuaikuai</p>
    </div>
</footer>

<section id="busi-main">
    <div data-tab="tabs" class="am-tabs-default">
        <ul class="am-tabs-nav am-cf am-topbar-fixed-bottom">
            <li class="">
                <a href="./">客户</a>
            </li>
            <li class="">
                <a href="./">订单</a>
            </li>
            <li class="">
                <a href="./">车辆</a>
            </li>
            <li class="am-active last">
                <a href="#">设置</a>
            </li>
        </ul>
    </div>
</section>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../../assets/js/jquery.min.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="../../assets/js/jquery.min-1.11.1.js" type="text/javascript"></script>
<![endif]-->
<script src="../../assets/js/amazeui.min.js" type="text/javascript"></script>
<script src="../../assets/js/amazeui.widgets.helper.min.js" type="text/javascript"></script>
<script src="../../assets/js/handlebars.min.js" type="text/javascript"></script>
<script src="../../assets/js/kuaikuai.js" type="text/javascript"></script>
<script type="text/javascript">
    
    function editFn() {
        $opsw = $('#opsw').val();
        $npsw = $('#npsw').val();
        $rnpsw = $('#rnpsw').val();

        if ($opsw != "" && $npsw != "" && $rnpsw != "") {
            //  验证
            $('#overlay').css('display','none');
            $('#win').css('display','none');
        }
    }

    function passwdFn() {
        $('#overlay').css('display','block');
        $('#win').css('display','block');
    }
</script>
</body>
</html>